<template>
  <div>这是系统首页页面</div>
  <button @click="jump">跳转到产品页</button>
</template>

<script>
export default {
  methods: {
    jump() {
      // 编程式导航就是通过js代码来实现的跳转
      // 当这个跳转需要逻辑判断的时候要使用编程式导航
      // 当需要使用导航高亮的时候，用router-link更方便

      // this.$router表示整个项目的路由实例
      // console.log(this.$router);

      // push方法会在历史记录栈追加，可以后退到这个页面
      // replace方法会在历史记录栈替换当前页面，被后退的页面就不能被后退进来了
      // go方法表示前进或者后退，里面传入一个整数
      // 一般情况下都用字符串的方式去传参
      this.$router.push("/project");
      // this.$router.replace("/project");
      // this.$router.go(-1);
      // this.$router.push({ path: "/project" });
      // this.$router.push("/detail/55666");
      // this.$router.push({ name: "detail", params: { id: 7788 } });
    },
  },
};
</script>
